<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YOU - Photos</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>

<body>
<div class="container">
    <?php
        include 'header2.php';
		
		require_once('config.php');
    	$user_id = $_COOKIE['id_active'];
    ?>
    <div class="content">
    	<div class="headcontent">
            <span class="randomtext" style="margin-left:50px">Hi, <?php
																	$sql="SELECT fullname FROM user WHERE iduser='$user_id'";
																	$result=mysql_query($sql);
																	while($res = mysql_fetch_array($result))
																	{
																		$nama = $res['fullname'];
																	}
																	echo $nama; 
																?></span>
            <span class="randomtext" style="padding-left:900px">PHOTOS</span>
        	<hr/>
        </div>
    	<div class="leftcontent" style="width:435px">
            <div class="randomtext">Upload New Photo</div>
            <div>
                <form action="upload.php" method="post" enctype="multipart/form-data">
                    <div class="items">
                        <label style="text-align:left">File :</label><br/>
                        <input type="file" name="fphoto" /><br/>
                        <div class="validationtext" id="u_fname"></div>
                    </div>
                    <div class="items">
                        <label style="text-align:left">Category :</label><br/>
                        <select name="kateg">
                        <?php
							$query = "SELECT * FROM kategori";
							$result = mysql_query($query);
							$val = 0;
							while ($res = mysql_fetch_array($result)) {
								echo '<option value="'.++$val.'">'.$res['namakategori'].'</option>';
							}
						?>
                        </select>
                    </div>
                    <div class="items">
                        <label style="text-align:left">Access :</label><br/>
                        <select name="access">
                        	<option value="0">Public</option>
                            <option value="1">Active User</option>
                            <option value="2">Follower</option>
                            <option value="3">Private</option>
                        </select>
                    </div>
                    <div class="items">
                        <label style="text-align:left">Comment :</label><br/>
                        <select name="comment">
                            <option value="Y">Enable</option>
                            <option value="N">Disable</option>
                        </select>
                    </div>
                    <div class="items">
                        <label style="text-align:left">Description :</label><br/>
                        <textarea name="desc" rows="2" cols="25"></textarea><br/>
                        <div class="validationtext" id="u_desc"></div>
                    </div>
                    <div class="items">
                        <label style="text-align:left">Keywords :</label><br/>
                        <input type="text" name="key" style="width:220px" /><br/>
                        <div class="validationtext" id="u_key"></div>
                    </div>
                    <div class="items">
                        <label style="text-align:left">Date Taken :</label><br/>
                        <input type="text" name="tgl_ambil" style="width:220px" />
                        <div class="validationtext" id="u_tglambil"></div>
                    </div>
                    <div class="items">
                        <label style="text-align:left">Tags :</label><br/>
                        <input type="text" name="tag" style="width:220px" />
                        <div class="validationtext" id="u_tag"></div>
                    </div>
                    <div class="items">
                        <button type="submit">Upload</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="clearboth"></div>
        <div class="leftcontent" style="width:865px">
            <!--<div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
                <div style="position: absolute; right: 0px; top: 0px;">
                    <a href="">X</a>
                </div>
            </div>
            <div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
            <div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
            <div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
            <div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
            <div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
            <div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
            <div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
            <div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
            <div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
            <div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
            <div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
            <div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
            <div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>-->
        </div>
        <div class="clearboth"></div>
    </div>
    <div class="footer"></div>
</div>
</body>
</html>
